表單處理 onSubmit

在表單送出前觸發，通常可以用來做表單驗證，
例如：驗證成功送出，失敗可以不送出

範例：

登入畫面：

HTML:

 <form class='login-form' action="" onsubmit="">
      <div>username
        <input type="text" name='username'>
      </div>
      <div>password
        <input type="password" name='password'>
      </div>
      <div>password again
        <input type="password" name='password2'>
      </div>
      <input type="submit">
</form>

JS：當表單 submit 送出時 alert 字串 test

document.addEventListener('DOMContentLoaded',function(){
  let login = document.querySelector('.login-form')
  login.addEventListener('submit',function(){
    alert('test')
  })
})

按下「提交」後：

按確定後，網址變了：

表單沒有指定 action 的話，預設是同一個網頁
沒有指定 methods 的話，預設是 GET

因為預設是 GET，
所以網址後面會多了：username=&password=&password2=